<template>
  <div class="base-info-panel">
    <div class="form-group">
      <label>节点名称</label>
      <a-input
        :model-value="label"
        @update:modelValue="$emit('update:label', $event)"
        allow-clear
      />
    </div>
    <div class="form-group">
      <label>节点描述</label>
      <a-textarea
        :model-value="description"
        @update:modelValue="$emit('update:description', $event)"
        :auto-size="{ minRows: 2, maxRows: 4 }"
        allow-clear
      />
    </div>
  </div>
</template>

<script setup lang="ts">
defineProps<{ label: string; description: string }>();
defineEmits<{ 'update:label': [value: string]; 'update:description': [value: string] }>();
</script>

<style scoped>
.base-info-panel { display: flex; flex-direction: column; gap: 12px; }
.form-group { margin-bottom: 0; }
</style>
